<script>
  export default {
    name: "zLine",
    props:{
      text:{
        type: String,
        default: 'Line'
      },
      lableName: {
        type: String,
        default: 'name'
      }
    },
    render(h) {
      return h('p',
	      {
	        class: 'lineOne'
	      },
	      [
	        h('span', {
		        class: 'lineName',
		      },
	          this.lableName
		      ),
	        h('span', {
	            class: 'lineData',
	          },
	          this.$slots.default
	        )
	      ]
      );
    }
  }
</script>

<style scoped>
	.lineOne{
		text-align: left;
		width: 100%;
		display: flex;
		flex-direction: row;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 16px;
		line-height: 40px;
		color: #5B5B5B;

	}
	.lineOne .lineName{
		width: 20%;
	}
	.lineOne .lineData{
		width: 80%;
	}
</style>
